require('../../assets/css/index.less');
require('./register.less');
// 引入验证插件
const CaptchaMini = require("captcha-mini");
// 导入axios
let requisrt=require('../../assets/axios/axios-to');

window.onload=()=>{ 
    // 手机获取验证
   let fom_inp1= document.querySelector('.fom_inp1');
//    验证码
   let fom_inp= document.querySelector('.fom_inp');
//    密码
let password= document.querySelector('.password');
// 确认密码
let passwo= document.querySelector('.passwo');
//注册账号
let fom_but2= document.querySelector('.fom_but2');
   let captcha2 = new CaptchaMini({
        backGroundColor: [250, 250], //背景色区间
        dotNum: 25,       //点的数量
        fontSize: 60,           //字体大小
        length: 4    //验证码长度
    }); 
    let capan='';
    captcha2.draw(document.querySelector('#captcha1'), r => {
        capan=r;
        console.log(r, '验证码2');
    });
//点击按钮
fom_but2.addEventListener('click',function(){
    // console.log(1);
//   console.log(password.value);
// console.log(/^(?=.*[a-zA-Z])(?=.*\d).{1,9}$/);
    //收集错误信息
     let errmg="";
      //开始验证
    //   console.log(fom_inp.value);
    //   console.log(capan);
      if(!/^1[3-9]\d{9}$/.test(fom_inp1.value)){
         errmg ='手机格式不对';
      }else if(fom_inp.value!==capan){
        // console.log("验证码错误");
        errmg='验证错误'
      }else if(!/^(?=.*[a-zA-Z])(?=.*\d).{1,9}$/.test(password.value)){
            errmg='密码不对';
      }else if(password.value!==passwo.value){
          console.log("验证密码不对");
          errmg='确认密码不对';
      }else{
        requisrt.post('/api/user/isExist',{
          account:fom_inp1.value,
        }).then((res)=>{
          console.log(res);
          let  {errno,message}= res.data;
          if(errno===0){
               location.href="./login.html"
              }
          else{
              // alert(message);
          }
        })
           
      }
          if(errmg){
             alert(errmg)
          }
})
}